<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="CSSFile/BootStrapCSS/bootstrap.css">
    <link rel="stylesheet" href="CSSFile/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1266869_zsp0m2dyncf.css">
    <link rel="stylesheet" href="CSSFile/Home.css">
    <link rel="stylesheet" href="CSSFile/navigation.css">
</head>
<body>

<!--导航栏-->
<ul class="nav black container-fluid">
    <li class="col-lg-1"><a target="_top" href="Home.html">Elearning</a></li>
    <li class="col-lg-1"><a target="_top" href="CourseList.html">浏览课程</a></li>
    <li class="col-lg-1"><a href="LiveList.html">浏览直播</a></li>
    <li class="col-lg-3">
        <form class="form-inline" action="Search.html" method="post" target="_top" name="nav-form"
              onsubmit="setSearchKey()">
            <input class="form-control" type="search" placeholder="搜索感兴趣的课程" required name="search-box">
            <button class="btn btn-success" type="submit"><i class="fa fa-search" aria-hidden="true">搜索</i></button>
        </form>
    <li class="col-lg-1"><a href="Message.html">消息<span class="badge"></span></a></li>
    <li class="col-lg-1"><a href=""><img id="userimg" alt="用户头像"></a></li>
</ul>
<!--/导航栏-->

<div class="swiper-container">
    <div class="swiper-wrapper">
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Navigation -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>

<h1>
    <i class="fa fa-graduation-cap" aria-hidden="true"></i>
    </span><em>热</em>／<em>门</em>／<em>课</em>／<em>程</em>
</h1>
<hr class="hr-style"/>
<div>
    <div class="row nice-block" id="course-content">
    </div>
</div>

<h1>
    <i class="fa fa-television" aria-hidden="true"></i>
    </span><em>热</em>／<em>门</em>／<em>直</em>／<em>播</em>
</h1>
<hr class="hr-style"/>

<div class="row nice-block" id="live-content">
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="JSFile/jquery-3.4.1.js"></script>
<script src="JSFile/BootStrapJS/bootstrap.bundle.js"></script>
<script src="JSFile/Home.js"></script>
<script src="JSFile/navigation.js"></script>
</body>
</html>